<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SleeplessBear's Blog</title>
    <!-- <link rel="stylesheet" href="./icomoon/font_7ds77seuj3d/iconfont.css"> -->
    <link rel="icon" href="favicon3.ico">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./icomoon/style.css">
</head>
<body>
    <!-- 首页导航栏 -->
    <div id="nav">
        <!-- 首页导航栏-左 -->
        <div id="nav-left">
            <h1>
                <a href="">
                    <img src="./favicon3.ico" alt="logo">
                </a>
            </h1>
            <span>SleeplessBear's Blog</span>
        </div>
        <!-- 首页导航栏-右 -->
        <div id="nav-right">
            <p>
                <!-- <a href="./index.html">主页</a>
                <a href="">笔记</a>
                <a href="">关于</a> -->
                我们生活在阴沟里，但有人依然仰望星空。
            </p>
            <div id="search">
                    <span  class="icon-search"></span>
            </div>
            <div id="lists">
                <a href="./register1.html" target="_black">
                    <span class="icon-list" title="登录注册后查看更多"></span>
                </a>
            </div>
            
            <!-- 设置部分 -->
            <div id="install">
                <span id="insta" class="icon-cog" title="设置"></span>
                <div id="icons">
                    <span id="pointup" class="icon-point-up" title="回到顶部"></span>
                    <span id="pointdown" class="icon-point-down" title="回到底部"></span>
                    <span id="sunstyle" class="icon-sun" title="白天模式"></span>
                    <span id="noonstyle" class="icon-brightness-contrast" title="夜晚模式"></span>
                </div>
            </div>
            
        </div>
    </div>
    <!-- 首页主体部分 -->
    <div id="main">
        <!-- 主体上部分 -->
        <div id="main-top">
            <div id="main-top-left">
                <h1>Welcome to my blog!</h1>
                <h2>It's the blog of a millionaire girl...</h2>
                <div class="main-top-left">
                    <a class="icon-github" href="" title="github"></a>
                    <a class="icon-sina-weibo" href="" title="weibo"></a>
                    <a class="icon-envelop" href="" title="email"></a>
                </div>
            </div>
            <!--轮播图边框-->
            <div id="playBox" class="play-box">
                <!--图片列表-->
                <div id="imgList">
                    <a href="#" target="_blank" class="current">
                        <img src="./images/a1.jpg"/>
                    </a>
                    <a href="#" target="_blank">
                        <img src="./images/a2.jpg"/>
                    </a>
                    <a href="#" target="_blank">
                        <img src="./images/a3.jpg"/>
                    </a>
                    <a href="#" target="_blank">
                        <img src="./images/a4.jpg"/>
                    </a>
                    <a href="#" target="_blank">
                        <img src="./images/a5.jpg"/>
                </a>
                </div>
                <!--图标列表-->
                <div class="iconList">
                    <ul>
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                </div>
                <!--左箭头-->
                <div class="sliderbar slidebar-left">&lt;</div>
                <!--右箭头-->
                <div class="sliderbar slidebar-right">&gt;</div>
            </div>
        </div>
        <div id="look">
            <div class="lookdown">
                <div class="look-left"></div>
                <span>Look Down</span>
                <div class="look-right"></div>
            </div>
            <p>如果你也在学习JavaScript，或对JavaScript这门语言感兴趣，可以跟着我一起来往下看，这里有你想要了解的一切...</p>
            <a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript">点击我了解更多...</a>
            
            <div id="bear">
                <img src="./images/bear4.png" alt="bear4">
            </div>
        </div>
    </div>
    <!-- 博客文章部分 -->
    <div id="primary">
        <div class="post">
            <a href="./article1.html" target="_black">
                <img src="./images/a1.jpg" alt="图1">
            </a>
            <div class="postright">
                <h3>
                    <a href="./article1.html" target="black" title="如何将Excel转换成Markdown表格" class="posttitle">如何将Excel转换成Markdown表格</a>
                </h3>
                <p>
                    在这篇文章中，我将告诉你如何快速的将Excel转换为markdown表格，以及如何将Google Docs，Numbers，网页中的表格或其他类似Exc...
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a2.jpg" alt="图2">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="Pandas 和 PySpark 的 DataFrame 相互转换" class="posttitle">Pandas 和 PySpark 的 DataFrame 相互转换</a>
                </h3>
                <p>    
                    Pandas DataFrame 是一个二维数组，跟数据库中的 Table 或 Excel 很相似，底层使用 Numpy 和 array 存储，Nump...
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a3.jpg" alt="图3">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="机器学习之 k 近邻算法" class="posttitle">机器学习之 k 近邻算法</a>
                </h3>
                <p> 
                    什么是 k 近邻算法k 近邻（k-Nearest Neighbor，kNN）是机器学习中相对简单且容易理解的算法，是分类数据最简单有效的算法，它基于实例...
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a4.jpg" alt="图4">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="机器学习基础" class="posttitle">机器学习基础</a>
                </h3>
                <p>    
                    在没接触机器学习之前， 一提起机器学习，就会觉得深奥、难懂、一般人很难入门，貌似是科学家做的事情。真的是这样吗？事实却非如此，它并不要求计算机能像人一样...    
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a5.jpg" alt="图5">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="用模板的思路实现 Excel 导出" class="posttitle">用模板的思路实现 Excel 导出</a>
                </h3>
                <p>    
                    Alpha 系统中的任务导出功能，第一版引用了经典的 Excel 操作工具 Apache POI。在第二版需求中，产品对样式进行了调整，内容更加直观，...                
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <!-- 隐藏部分 -->
        <div class="post">
            <a href="">
                <img src="./images/a2.jpg" alt="图6">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="Pandas 和 PySpark 的 DataFrame 相互转换" class="posttitle">Pandas 和 PySpark 的 DataFrame 相互转换</a>
                </h3>
                <p>    
                    Pandas DataFrame 是一个二维数组，跟数据库中的 Table 或 Excel 很相似，底层使用 Numpy 和 array 存储，Nump...
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a3.jpg" alt="图7">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="机器学习之 k 近邻算法" class="posttitle">机器学习之 k 近邻算法</a>
                </h3>
                <p> 
                    什么是 k 近邻算法k 近邻（k-Nearest Neighbor，kNN）是机器学习中相对简单且容易理解的算法，是分类数据最简单有效的算法，它基于实例...
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a4.jpg" alt="图8">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="机器学习基础" class="posttitle">机器学习基础</a>
                </h3>
                <p>    
                    在没接触机器学习之前， 一提起机器学习，就会觉得深奥、难懂、一般人很难入门，貌似是科学家做的事情。真的是这样吗？事实却非如此，它并不要求计算机能像人一样...    
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div class="post">
            <a href="">
                <img src="./images/a5.jpg" alt="图9">
            </a>
            <div class="postright">
                <h3>
                    <a href="" title="用模板的思路实现 Excel 导出" class="posttitle">用模板的思路实现 Excel 导出</a>
                </h3>
                <p>    
                    Alpha 系统中的任务导出功能，第一版引用了经典的 Excel 操作工具 Apache POI。在第二版需求中，产品对样式进行了调整，内容更加直观，...                
                </p>
                <span class="icon-eye">&nbsp;12345</span>
                <span class="postdata">2021/8/16</span>
            </div>
        </div>
        <div id="readmore">
            <span>ReadMore</span>
        </div>
    </div>
    <div id="footer">
2222
yem3an
333
1212412页面优化4
    </div>

    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./layer-v3.5.1/layer/layer.js"></script>
    <script src="./js/base.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>